<template>
    <div>
        <Modal v-model="modal.search" title="高级搜索" width="860">
            <Form ref="searchForm" :model="searchForm" :label-width="80">
                <Row>
	<i-col span="12">
	<FormItem label="数据字典编号"><Row>
	<i-col span="11">
	<FormItem prop="dataDictIdMin">
	<InputNumber v-model="searchForm.dataDictIdMin" placeholder="请输入开始数据字典编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="dataDictIdMax">
	<InputNumber v-model="searchForm.dataDictIdMax" placeholder="请输入结束数据字典编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="数据字典编码" prop="dataDictDictCode">
	<Input v-model="searchForm.dataDictDictCode" placeholder="请输入数据字典编码" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="数据字典名称" prop="dataDictDictName">
	<Input v-model="searchForm.dataDictDictName" placeholder="请输入数据字典名称" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="数据字典项编号"><Row>
	<i-col span="11">
	<FormItem prop="dataDictItemIdMin">
	<InputNumber v-model="searchForm.dataDictItemIdMin" placeholder="请输入开始数据字典项编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="dataDictItemIdMax">
	<InputNumber v-model="searchForm.dataDictItemIdMax" placeholder="请输入结束数据字典项编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="数据字典项值"><Row>
	<i-col span="11">
	<FormItem prop="dataDictItemDictValueMin">
	<InputNumber v-model="searchForm.dataDictItemDictValueMin" placeholder="请输入开始数据字典项值" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="dataDictItemDictValueMax">
	<InputNumber v-model="searchForm.dataDictItemDictValueMax" placeholder="请输入结束数据字典项值" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="数据字典项显示值" prop="dataDictItemDictDisplayValue">
	<Input v-model="searchForm.dataDictItemDictDisplayValue" placeholder="请输入数据字典项显示值" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="数据字典项排序"><Row>
	<i-col span="11">
	<FormItem prop="dataDictItemDictOrderMin">
	<InputNumber v-model="searchForm.dataDictItemDictOrderMin" placeholder="请输入开始数据字典项排序" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="dataDictItemDictOrderMax">
	<InputNumber v-model="searchForm.dataDictItemDictOrderMax" placeholder="请输入结束数据字典项排序" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="显示颜色" prop="dataDictItemColor">
	<Input v-model="searchForm.dataDictItemColor" placeholder="请输入显示颜色" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="是否默认值"><Row>
	<i-col span="11">
	<FormItem prop="dataDictItemIsDefaultMin">
	<InputNumber v-model="searchForm.dataDictItemIsDefaultMin" placeholder="请输入开始是否默认值" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="dataDictItemIsDefaultMax">
	<InputNumber v-model="searchForm.dataDictItemIsDefaultMax" placeholder="请输入结束是否默认值" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="描述" prop="dataDictItemDescription">
	<Input v-model="searchForm.dataDictItemDescription" placeholder="请输入描述" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="版本号"><Row>
	<i-col span="11">
	<FormItem prop="dataDictItemVersionMin">
	<InputNumber v-model="searchForm.dataDictItemVersionMin" placeholder="请输入开始版本号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="dataDictItemVersionMax">
	<InputNumber v-model="searchForm.dataDictItemVersionMax" placeholder="请输入结束版本号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="创建时间"><Row>
	<i-col span="11">
	<FormItem prop="dataDictItemCreateTimeMin">
	<DatePicker @on-change="searchForm.dataDictItemCreateTimeMin=$event" :value="searchForm.dataDictItemCreateTimeMin" placeholder="请输入开始创建时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="dataDictItemCreateTimeMax">
	<DatePicker @on-change="searchForm.dataDictItemCreateTimeMax=$event" :value="searchForm.dataDictItemCreateTimeMax" placeholder="请输入结束创建时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="更新时间"><Row>
	<i-col span="11">
	<FormItem prop="dataDictItemUpdateTimeMin">
	<DatePicker @on-change="searchForm.dataDictItemUpdateTimeMin=$event" :value="searchForm.dataDictItemUpdateTimeMin" placeholder="请输入开始更新时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="dataDictItemUpdateTimeMax">
	<DatePicker @on-change="searchForm.dataDictItemUpdateTimeMax=$event" :value="searchForm.dataDictItemUpdateTimeMax" placeholder="请输入结束更新时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="是否激活"><Row>
	<i-col span="11">
	<FormItem prop="dataDictItemIsActiveMin">
	<InputNumber v-model="searchForm.dataDictItemIsActiveMin" placeholder="请输入开始是否激活" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="dataDictItemIsActiveMax">
	<InputNumber v-model="searchForm.dataDictItemIsActiveMax" placeholder="请输入结束是否激活" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>
</Row>

            </Form>
            <div slot="footer">
                <Button type="text" size="large" @click="resetForm">清空</Button>
                <Button type="text" size="large" @click="cancelModal">取消</Button>
                <Button type="primary" size="large" @click="searchOkModal" :loading="loading.search">查询</Button>
            </div>
        </Modal>
    </div>
</template>

<script>
    export default {
        name: 'DataDictAndItemSearch',
        data() {
            return {
                modal: {
                    search: false
                },
                loading: {
                    search: false
                },
                urls: {
                    searchUrl: '/data-dict-and-item/admin/pager-cond'
                },
                searchForm: {
                    pageNo: 1,
                    pageSize: 10,
                    sortColumn: null,
                    sortOrder: null,
                    dataDictId: null,
dataDictIdMin: null, 
dataDictIdMax: null, 
dataDictDictCode: null,
dataDictDictName: null,
dataDictItemId: null,
dataDictItemIdMin: null, 
dataDictItemIdMax: null, 
dataDictItemDictValue: null,
dataDictItemDictValueMin: null, 
dataDictItemDictValueMax: null, 
dataDictItemDictDisplayValue: null,
dataDictItemDictOrder: null,
dataDictItemDictOrderMin: null, 
dataDictItemDictOrderMax: null, 
dataDictItemColor: null,
dataDictItemIsDefault: null,
dataDictItemIsDefaultMin: null, 
dataDictItemIsDefaultMax: null, 
dataDictItemDescription: null,
dataDictItemVersion: null,
dataDictItemVersionMin: null, 
dataDictItemVersionMax: null, 
dataDictItemCreateTime: null,
dataDictItemCreateTimeMin: null, 
dataDictItemCreateTimeMax: null, 
dataDictItemUpdateTime: null,
dataDictItemUpdateTimeMin: null, 
dataDictItemUpdateTimeMax: null, 
dataDictItemIsActive: null,
dataDictItemIsActiveMin: null, 
dataDictItemIsActiveMax: null, 

                }
            }
        },
        computed: {},
        mounted() {},
        methods: {
            resetForm() {
                this.$refs.searchForm.resetFields()
				this.$refs.searchForm.pageNo = 1
            },
            cancelModal(modal) {
                this.modal.search = false
            },
            searchOkModal(modal) {
                this.modal.search = false
                this.$emit('searchTable')
            }
        }
    }
</script>

<style>
</style>
